// SPECIFIC STYLES FOR WINDOWS PHONE
// ----------------------------------------------------------------------------

// Set IE viewport.
@-ms-viewport
    width 600px

// Disable zoom.
html, body
    -ms-content-zooming none

// Disable body background.
body
    background-image none
    font-size 1.5em
    height 100%

// Text boxes must be bigger.
input[type="text"], input[type="datetime"], input[type="email"], input[type="url"], textarea
    font-size 2em

// Metro like buttons.
input[type="button"], button
    background rgb(255, 255, 255)
    border 2px solid rgb(0, 0, 0)
    font-size 2.5em

// Styled checkboxes.
input[type="checkbox"] + span
input[type="radio"] + span
    background #AA3322
    font-size 14px
    height 32px
    line-height 32px
    width 100px
input[type="checkbox"] + span:before
input[type="radio"] + span:before
    height 32px
    width 20%
input[type="checkbox"] + span:after
input[type="radio"] + span:after
    width 80%
input[type="checkbox"]:checked + span
input[type="radio"]:checked + span
    background #227711

// Full width wrapper.
#wrapper
    width 100%

// Force footer on the bottom.
#footer
    bottom 0
    margin 0
    position fixed
    width 100%

    .spacer
        width 28px

// Styles specific to the index page.
#indexPage
    // More spacing between fields.
    .txt
        margin-bottom 14px

    // Quick dates with larger fonts and 3x4 items.
    .quickDates
        line-height 40px
        span
            font-size 1.1em
            width 140px

// Styles specific to the countdown page.
#countdownPage
    .dash .digit
        font-size 40pt